jQuery(document).ready(function() {
	jQuery("#loginLink").click(function() {
		var isVisible = jQuery("#connectionPanel").is(":visible");
		if (isVisible) {
			jQuery("#connectionPanel").fadeOut(500);
		} else {
			jQuery("#connectionPanel").fadeIn(500);
		}
	});
	
	jQuery(".login .loginButton").click(function() {
		var jLoginDiv = jQuery(this).parent().parent();
		jQuery(".loginError", jLoginDiv).hide();
		
		var email = jQuery("input[name='email']", jLoginDiv).val();
		var password = jQuery("input[name='password']", jLoginDiv).val();
		
		if (email != null && password != null && email.trim() != "" && password.trim() != "") {
			jQuery.post("/account/login", {email: email, password: password}, function(data) {
				if (data != null && data == "LOGIN_SUCCESS") {
					jQuery("#connectionPanel").hide();
					var originalURL = jQuery("#originalURL").val();
					window.location.replace(originalURL);
				} else {
					jQuery(".loginError", jLoginDiv).show();
					if (jLoginDiv.parent().hasClass("connectionPanel")) {
						jLoginDiv.parent().effect("shake");
					} else {
						jLoginDiv.effect("shake");
					}
				}
			});
		} else {
			jQuery(".loginError", jLoginDiv).show();
			if (jLoginDiv.parent().hasClass("connectionPanel")) {
				jLoginDiv.parent().effect("shake");
			} else {
				jLoginDiv.effect("shake");
			}
		}
	});
	
	jQuery("body").click(function(e) {
		if (jQuery(".connection").find(e.target).length < 1) {
			jQuery("#connectionPanel").fadeOut(500);
		}
	});
	
	jQuery('[placeholder]').focus(function() {
		var input = jQuery(this);
		if (input.val() == input.attr('placeholder')) {
			input.val('');
			input.removeClass('placeholder');
		}
	}).blur(function() {
		var input = jQuery(this);
		if (input.val() == '' || input.val() == input.attr('placeholder')) {
			input.addClass('placeholder');
			input.val(input.attr('placeholder'));
		}
	}).blur();
	
	jQuery('[placeholder]').parents('form').submit(function() {
		jQuery(this).find('[placeholder]').each(function() {
			var input = jQuery(this);
			if (input.val() == input.attr('placeholder')) {
				input.val('');
			}
		});
	});
});